<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
    <title>
    	touch
	</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="${HOME }/common/client/css/jquery.mobile-1.0.min.css" />
		<style type="text/css">

		.th_header{
			size : 1;
		}	
	
		#collapse{
			border-style: none;
			border-spacing:10px;
			border-width : 1px;
		}
		#dashed{
			border-style: dashed;
			border-spacing:10px;
			border-width : 1px;
			padding-bottom: 15px; 
			padding-left: 15px; 
			padding-top: 15px;
			width: 400px;
			height: 95%;
			text-align:center;
		}
		#menu_main_table{
			width:90%;
			border-style:inset;
			border-width:5px;
			text-align:center;
			vertical-align: center;
		}
		#menu_main_table td{
			position:relative;
			width:50px;
		}
		.div_main_cell{
			position: relative;
			border: solid 1px;
			-moz-border-radius: 15px;
			border-radius : 15px;
			width:40px;
			height:40px;
			text-align:center;
		}
		.valign{
			height:80px;
			text-align:center;		
			vertical-align:center;
		}
		
		
	</style>
	
	
	
	<script type="text/javascript" src="${HOME }/common/client/js/jquery-1.6.4.min.js"></script>
	<script src="${HOME }/common/client/js/jquery.mobile-1.0.1.min.js"></script>
	
